{% extends 'm/base.html' %} 

{% block css%}
<style type="text/css">

</style>
{% endblock %} 

{% block body%}


  <div id="app">
  	<h1>Hello new framework!</h1>
  	<h3>Use Element-UI</h3>

    <el-button @click="visible = true">Button</el-button>
    <el-dialog :visible.sync="visible" title="Hello world">
      <p>Try Element</p>
    </el-dialog>
  </div>


{% endblock %} 

{% block js%}
{{ super() }}


<script type="text/javascript">

    new Vue({
      el: '#app',
      data: function() {
        return { visible: false }
      }
    })

</script>
{% endblock %}


